<script>
import {defineComponent} from 'vue'
import Child from "@/components/Child.vue";

export default defineComponent({
    name: "App",
    data(){
        return {
            userName:"zhangsan",
            age:12
        }
    },
    components: {Child}
})
</script>

<template>
    <div>
        <h3>App</h3>
        <p>userName:{{userName}}</p>
        <p>age:{{age}}</p>
        <hr/>
        <Child :userName="userName" :age="age" sex="女" hobby="学习"/>
        <hr/>
        <Child v-bind="{userName,age,hobby:'游戏'}"/>
    </div>
</template>

<style scoped>

</style>